<template>
  <view class="pos-list">
    <view class="right">招聘中</view>
    <view class="top-cont">
      <view class="title">
        太原市公司招聘一线普工（无需 经验)
        <text class="money">6-8k</text>
      </view>
      
    </view>
    <view class="pos-item flex">
      <text class="blue">企业认证</text>
      <text>经验不限</text>
      <text class="blue">月结工资</text>
      <text class="blue">五险一金</text>
    </view>
    <view class="flex justify-between align-center">
      <view class="type">公司直招</view>
      <slot/>
    </view>
    
  </view>
</template>
<style scoped lang="scss">
.pos-list {
  background: #fff;
  border-radius: 10rpx;
  // border: 2px solid #3A92FF;
  padding: 42rpx 38rpx;
  margin-bottom: 20rpx;
   position: relative;
  .right {
      position: absolute;
      background: #3a92ff;
      border-radius: 10rpx 0rpx 0rpx 10rpx;
      font-size: 26rpx;
      color: #ffffff;
      right: 0;
      padding: 10rpx 20rpx;
      top:42rpx;
    }
  .top-cont {
   
    
  }
  .title {
    font-weight: 800;
    font-size: 36rpx;
    color: #111111;
    width: 483rpx;
    text {
      color: #348fff;
      margin-left: 40rpx;
    }
  }
  .pos-item {
    margin: 40rpx 0 60rpx;
    text {
      width: 130rpx;
      line-height: 44rpx;
      background: #f3f5fa;
      border-radius: 10rpx;
      text-align: center;
      font-size: 24rpx;
      color: #888888;
      margin-right: 14rpx;
    }
    .blue {
      color: #4b9bff;
    }
  }
  .type {
    font-size: 26rpx;
    color: #4220d7;
  }
}
</style>
